<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Page Title</title> 
	<link rel="stylesheet" href="../jquery.mobile-1.0rc2.min.css" />
	<script src="../jquery-1.6.4.min.js"></script>
	<script src="../jquery.mobile-1.0rc2.min.js"></script>
</head>
<body>
    <div data-role="page" id="page_main" >
        <div data-role="header"  data-position="inline">
			<h1>page position test</h1>
        </div>
        
        <div data-role="content" >
        	<p> <code> data-position="inline"는 <br>
				- 기본(디폴트) 값<br>
				- content 데이터에 따라 footer가 content 뒤에 붙게 됨.<br>
				양이많으면 많을수록 footer는 쩌~~~기 뒤에 붙겠죠?<br>
				<br>
			</p>
			<p>01</p>
			<p>02</p>
			<p>03</p>
			<p>04</p>
			<p>05</p>
			<p>06</p>
			<p>07</p>
			<p>08</p>
			<p>09</p>
			<p>10</p>
			<p>11</p>
			<p>12</p>
			<p>13</p>
            <p>14</p>
            <p>15</p>
            <p>16</p>      
         </div>
         
         <div data-role="footer"  data-position="inline">
	    <h1>footer</h1>
      </div>
    </div>
    
</body>
</html>
